<%@ page language="java" import="java.util.*,com.hs.core.utils.*" pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<%@ include file="../../include.jsp"%> 

<script src='<%=basePath%>dwr/interface/authdwr.js'></script> 
<script src='<%=basePath%>common/uploadify/jquery-1.5.1.min.js'></script> 
<script src='<%=basePath%>common/uploadify/swfobject.js'></script>
<script src='<%=basePath%>common/uploadify/jquery.uploadify.v2.1.4.min.js'></script>
<link rel="stylesheet" type="text/css" href="<%=basePath%>common/uploadify/uploadify.css" />
<style>.tac{text-align:center}</style>
<script>
$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : '<%=basePath%>common/uploadify/uploadify.swf',
    'script'    : '<%=basePath %>data/uploadfile.do',
    'cancelImg' : '<%=basePath%>common/uploadify/cancel.png',
    'folder'    : '<%=basePath%>upload',
    'queueID'   : 'fileQueue',
    'auto'      : false,
    'muti'     : false,
    'multi': true, 
	'buttonImg' : '',  
	'fileExt'        : '*.pdf',   
    'fileDesc'       : 'pdf文件(*.pdf)', 
    onComplete: function (event, queueID, fileObj, response, data) {
   		$('#result').html(data.filesUploaded +'个文件上传成功');  
   　},
   	onError: function(event, queueID, fileObj) {      

    }
    
  });
});

//返回列表
function goBack(){
	var pageURL = "<%=basePath %>produce/pictureProduce.do";
    window.parent.location.href=pageURL;
}
//打开图片
function readPicture(){
	window.parent.pictureread.frameElement.src = "<%=basePath%>produce/pictureRead.do"
}
</script>
</head>
<body>
<div class="cont">
    <dl class="deta_list">
         	<form action="" method="get">
         	<table border="0" cellspacing="0" cellpadding="0" class="list">
         		<tr>
	         		<td>
	         			<table border="0" cellspacing="0" cellpadding="0" class="form">
						     <tr>
						        <th colspan="4" align="left">题录信息</th>
						     </tr>
						     <tr>
							     <td width="20%">题名：</td>
							     <td colspan=3> </td>
						     </tr>
						     <tr>
							     <td width="20%">刊名：</td>
							     <td colspan=3> </td>
						     </tr>
						     <tr>
							     <td width="20%">作者：</td>
							     <td colspan=3> </td>
						     </tr>
						     <tr>
							     <td width="20%">关键词：</td>
							     <td colspan=3> </td>
						     </tr>
						     <tr>
							     <td width="20%">主题词：</td>
							     <td colspan=3> </td>
						     </tr>
						     <tr>
							     <td width="20%">年份：</td>
							     <td width="30%"> </td>
							     <td width="20%">卷：</td>
							     <td width="30%"> </td>
						     </tr>
						     <tr>
							     <td width="20%">期：</td>
							     <td width="30%"> </td>
							     <td width="20%">页码：</td>
							     <td width="30%"> </td>
						     </tr>
					    </table> 
	         		</td>
         		</tr>
         		<tr>
	         		<td>
	         		 <table border="0" cellspacing="0" cellpadding="0" >
				   		  <tr>
		                    <th colspan=3 align="left">已上传图片</th>
		                  </tr>
		                  <tr>
		                    <th width="10%">序号</th>
		                    <th width="70%">文件名称</th>
		                    <th width="20%">操作</th>
		                  </tr>
		                  <tr>
		                    <td>1</td>
		                    <td><a href="javaScript:readPicture()">小骨窗开颅治疗高血压脑出血62例.pdf</a></td>
		                    <td><input onclick="deleteUser('');" type="button" value="删除" class="butt4"/></td>
		                  </tr>
		                  <tr>
		                    <td>2</td>
		                    <td><a href="javaScript:readPicture()">小骨窗开颅治疗高血压.pdf</a></td>
		                    <td><input onclick="deleteUser('');" type="button" value="删除" class="butt4"/></td>
		                  </tr>
		               </table>
	         		</td>
         		</tr>
         		<tr>
	         		<td>
	         		  <table border="0" cellspacing="0" cellpadding="0" class="form">
		                <tr>
		                	<td>
		                		<div id="fileQueue" > 
		             				 <input id="file_upload" name="file_upload" type="file" />	&nbsp;&nbsp;
		             				 <a href="javascript:jQuery('#file_upload').uploadifyUpload()" style="font-size:20px;">开始上传</a><span style="font-size:20px;">|</span>
					  				 <a href="javascript:jQuery('#file_upload').uploadifyClearQueue()" style="font-size:20px;">取消上传</a>
					 				 <span id="result" style="font-size: 20px;color: red"></span>  
		            			</div>
		                	</td>
		                </tr>
		               </table>
	         		</td>
         		</tr>
         		<tr>
	         		<td>
	         			<table border="0" cellspacing="0" cellpadding="0" class="form">
					      <tr>
					        <td align="middle"> 
					        	<input name="" type="button" value="下一条" onclick="saveData();" class="butt4" />
					        	<input name="" type="button" value="提交" onclick="saveData();" class="butt4" />
					        	<input name="" type="button" value="返回列表" onclick="goBack();" class="butt4" />
					        </td> 
					      </tr> 
				    	</table> 
	         		</td>
	         	</tr>
         	</table>
         	
		   
             
                
        	</form>
    </dl>
</div>
</body>
</html>
